@charset "utf8";
main{
	width: 100%;
	height: 5300px;
	background: #f5f5f5;
	margin: 0 auto;
}
/* 面包屑导航 */
main div#ground{
	width: 100%;
	height: 1105px;
	background: #ffffff;
}
nav{
	width: 100%;
	height: 90px;
	background: #ffffff;
	z-index: 100;
}
.wq{
	width: 1105px;
	height: 90px;
	margin: 0 auto;
} 
.ac{
	position: fixed;
	top: 0;
	width: 100%;
	
}
nav div.main_left{
	width: 750px;
	height: 90px;
	float: left;
}
nav div.main_left div{
	float: left;
} 
 nav div.main_left div img{
	margin:6px 1px;
}
nav div.main_left div ul li{
	float: left;
	font: 16px ;
	padding: 0 5px;
	text-align: center;
	line-height: 90px;
} 
 nav div.main_left div ul li a{
	color: #000;
	} 
nav div.main_left div ul li a:hover{
	color: #ff6700;
}
/* 右边框 */
nav div.main_right{
	width: 270px;
	height: 47px;
	border: 1px solid #c5c5c5;
	float: right;
    position: relative;
	top: 18px;
}
nav div.main_right div {
	float:right;
	border: black;
}
nav div.main_right div img{
	position: relative;
	left: 1px;
	top: -1px;
	border: 1px solid #c5c5c5;
	padding: 14px;
}

nav div.main_right div span{
	line-height: 47px;
	position: relative;
	left: -36px;
	margin: 0 5px;
    background: #e3e3e3;
}
nav div.main_right div span:hover{
	color: #ffffff;
	background: #ff6700;
}
/* ----------------------------------------------------------------------------------------- */
div.b{
	width: 1105px;
	height: 430px;	
	margin: 0 auto;
}
 div.b aside {
	float: left;
	width: 211px;
	height: 416px;
	background: #949494;
}
/* 左栏区弹出框 */
div.b aside ul div.out{
	width:500px ;
	height: 416px;
	background: #000;
	position: absolute;
	left: 370px;
	display: none;
	z-index: 200;
}
div.b aside ul li{
	color: white;
	padding: 10px 15px;
	width: 211px;
		height: 18px;
	position: relative;
	top: 20px;
}
div.b aside ul li:hover{
	background: #ff7d00 ;
}
div.b aside ul li::after{
	content: ">";
	position: relative;
	float: right;
	padding-right: 25px;
}
/* 轮播区域 */
figure{
	width: 893px;
	height: 416px;
	background: #ff6700;
	float: right;
}
/* -------------轮播图下面四个图----------------- */
div.ab{
	width: 1105px;
	height: 155px;
	margin: 0 auto;
}
div.ab ul li{	
	float: left;
	margin: 0 4px;
}
div.ab ul li:first-child{
	margin: 0;
}
div.ab ul li:hover{
	filter: drop-shadow(0 0 5px);
}
/*----------------------小米明星单品-----  */
div.pear{
	width: 1105px;
	height: 70px;
	margin: 0 auto;
	
}
div.pear h1{
	font-size: 31px;
	color: black;
	position: relative;
	right: 220px;
	top: 10px;	
}
div.pear div.banner{
	float: right;
	position: relative;
	bottom: 30px;
}
div.pear div.banner button.prev{
	margin: -3px;
}
div.pear div.banner button.next{
	margin: -3px;
}
/* ------------------ */
	div.apple{
		width: 1105px;
		height: 320px;
		margin: 0 auto;
		margin-bottom: 50px;
	}
/* 产品模块 2 */
main div.cs1{
	border-top: 1.2px solid #83c44e ;
}
main div.cs1 dl dt img{
	margin: 14px 0;
}
/* 产品模块3 */
main div.cs2{
	border-top: 1.2px solid #2196f3 ;
}
main div.cs2 dl dt img{
	margin: 70px 0;
}
/* 产品模块4 */
main div.cs3{
	border-top: 1.2px solid #e53935 ;
}
main div.cs3 dl dt img{
	margin: 23px 0;
}

/* 产品模块5 */
 main div.cs4{
	border-top: 1.2px solid #00c0a5 ;
}
main div.cs4 dl dt img{
	margin: 30px 0;
}
/* ----------智能硬件 -------------------------*/

div.smart{
	width: 1105px;
	height: 60px;	
	margin: 30px auto;
}
div.smart h1{
	float: left;
	font-size: 30px;
	color:black;
	margin-top: 20px;
}
div.smart div.intelligent h2{
	float: right;
	position: relative;
	top: 20px;
	color:black;
}
/* 大框架 */

div.big{
	width: 1105px;
	height: 580px;
	margin: 0 auto;
}
/* 左部分图片 */
div.big div.watch{
	width: 213px;
	height: 570px;
	background-image: url(../img/haraware_kid.png);
    text-align: center;
	float: left;
}
div.big div.watch h1{
	font-size: 23px;
	color: black;
	padding: 30px 0 10px 0;
}
div.big div.watch p{
	color: black;
	font-size: 15px;
	padding: 10px 0 23px 0;
}
div.big div.watch p.price{
	color: #00a8ff;
	font-size: 30px;
}
/* 右部分图片 */
div.right{
	width: 890px;
	height: 560px;
	float: right;
}
/* 右边上部分 */
div.right div.right_top{
	width: 890px;
	height:280px;
	text-align: center;
	margin: 0 6px;
}
/* 四个图片调试 */

/* 第一个 */

/* 第二个 */
main div.right div.right_top div.rt1 dl dt img{
	margin: 0;
	padding: 0;
}
/* 第三个 */
main div.right div.right_top div.rt2 dl dt img{
	margin: 1px;
}
/* 第四个 */
main div.right div.right_top div.rt3 dl dt img{
	margin: 1px;
}
main div.right div.right_top div.right_top1:hover{
	filter: drop-shadow(0 0 5px);
}
/* 右边下部分 */
 div.right div.right_bottom{
 	width: 890px;
 	height:280px;
 	text-align: center;
 	margin: 10px 6px;
 }
/* 第一个 */
main div.right div.right_bottom div.rb dl dt img{
	margin: 1px;
}
/* 第二个 */
main div.right div.right_bottom div.rb2 dl dt img{
	margin: 3px;
}
main div.right div.right_bottom div.rb2 dl dd.name{
	font-size: 14px;
}
/* 第三个 */
main div.right div.right_bottom div.rb3 dl dt img{
	margin: 26px 0;
}
div.right div.right_bottom div:hover{
	filter: drop-shadow(0 0 5px);
}
/* --------------------搭配---------------- */
/* 字部分 */
div.black_word{
	width: 1105px;
	height: 51px;
    margin: 0 auto;
}
/* 左边字“搭配”二字 */
div.black_word h1{
	float: left;
    font-size: 30px;
	color: black;
}
/* 右边字 */
div.black_word ul li{
	float: right;
}
div.black_word ul li a{
	font-size: 20px;
	color: black;
	margin: 8px;
}
div.black_word ul li a:hover{
	color: #ff7d00;
	text-decoration: underline;
}
/* 中间一大部分 */
div.mi{
	width: 1105px;
	height: 580px;
	margin:  30px auto;
}
div.mi_top{
	width: 1105px;
	height: 285px;
}
main div div.ttt dl dt img{
	margin: 65px 0;
}
/* 中间上部分 */
/* 第一个图 */
div.mi_top div.all1{
	width: 210px;
	height: 270px;
	background: url(../img/dapei_icon01.png);
	float: left;
}
div.mi_top div:hover{
	filter: drop-shadow(0 0 5px);
}

/* 中间下部分 */ 
div.mi div.mi_bottom{
	width: 1105px;
	height: 285px;
}
div.mi_bottom div.all1{
	width: 210px;
	height: 270px;
	background: url(../img/dapei_icon02.png);
	float: left;
}

div.mi_bottom div.sss dl dt img{
    margin: 0;
}
div.mi_bottom div:hover{
	filter: drop-shadow(0 0 5px);
}

/* ----------周边---------------------------- */
div.merchandise{
	width: 1105px;
	height: 55px;
	margin: 30px auto;
}
/* 大标题： “周边” 俩字调试*/
div.merchandise h1{
	color: #000;
	font-size: 30px;
	float: left;
}
/* 大标题：右边四组词调试 */
div.merchandise ul{
	width: 326px;
	height: 55px;
	float: right;
}
div.merchandise ul li{
	float: left;
}
div.merchandise ul li a{
	color: #000;
	font-size: 20px;
	margin: 0 8px;
}
div.merchandise ul li a:hover{
	color: #ff7d00;
	text-decoration: underline;
}
/* 大标题下面的上部分图片 */
div.metal_top{
	width: 1105px;
	height: 285px;
	margin: auto;
}
div.metal_top div.first{
	width: 210px;
	height: 270px;
	background: url(../img/peijian_icon01.png);
	float: left;
}
main div.metal_top div:hover{
	filter: drop-shadow(0 0 5px);
}


/* 标题下面的下部分图片 */
div.metal_bottom{
	width: 1105px;
	height: 285px;
	margin: auto;
}
 div.metal_bottom div.first{
	width: 210px;
	height: 270px;
	background: url(../img/peijian_icon02.png);
	float: left;
}
main div.metal_bottom div.jjj dl dt img{
	margin: 0;
}
main div.metal_bottom div:hover{
	filter: drop-shadow(0 0 5px);
}

/* -------配件------------- */
div.accessory{
	width: 1105px;
	height: 55px;
	margin: auto;
}
div.accessory h1{
	float: left;
	color: #000;
	font-size: 30px;
}
div.accessory ul li{
	float: right;
}
div.accessory ul li a{
	color: #000;
	font-size: 20px;
	margin-left: 9px;
}
div.accessory ul li a:hover{
	color: #ff7d00;
	text-decoration: underline;
}
/* 中间上一部分 */
div.accessory_top{
	width: 1105px;
	height: 285px;
	margin: auto;
}
div.accessory_top div.first{
	width: 210px;
	height: 270px;
	background: url(../img/zhoubian_icon01.png);
	float: left;
}

div.accessory_top div:hover{
	filter: drop-shadow(0 0 5px);
}
/* 下部分 */
div.accessory_bottom{
	width: 1105px;
	height: 288px;
	margin: auto;
}
div.accessory_bottom div.first{
	width: 210px;
	height: 270px;
	background: url(../img/zhoubian_icon02.png);
	float: left;
}
div.accessory_bottom div.ddd dl dt img{
	margin: 0;
}
div.accessory_bottom div:hover{
	filter: drop-shadow(0 0 5px);
}
/* -------热评产品--------- */
div.comment{
	width: 1105px;
	height: 50px;
	margin: 30px auto;
}
div.comment h1{
	color: #000;
	font-size: 30px;
}
div.hot_comment{
	width: 1105px;
	height: 410px;
	margin: auto;
}
/* ----------------------------------------- */
main div.hot_comment div.pop dd.two{
	margin-bottom: 30px;
}
/* -------内容------ */
div.content{
	width: 1105px;
	height: 50px;
	margin: auto;
}
div.content h1{
	color: #000;
	font-size: 30px;
}
/* -------内容------ */
div.contents{
	width: 1105px;
	height: 400px;
	margin: 30px auto;
	
}
/* 第一个图调试 */

/* 第二个图调试 */
main div.contents div.qqq{
	border-top: 1px solid #83c44e;
}
main div.contents div.qqq p{
	color: #83c44e;
}
/* 第三个图调试 */
main div.contents div.eee{
	border-top: 1px solid #e53935;
}
main div.contents div.eee p{
	color: #e53935;
}
main div.contents div.eee dt img{
	margin: 30px 0;
}
/* 第四个图调试 */
main div.contents div.ooo{
	border-top: 1px solid #2196f3;
}
main div.contents div.ooo  p{
	color: #f58539;
}
main div.contents div.ooo dt img{
	margin: 30px 0;
}
/*-------视频-------*/
div.video{
	width: 1105px;
	height: 55px;
	margin: auto;
}
div.video h1{
	color: #000;
	font-size: 30px;
}
/*-------视频-加图片------*/
div.videos{
	width: 1105px;
	height: 280px;
	margin: auto;
}
div.videos div.videos_first{
	width: 270px;
	height: 280px;
	background-color: #ffffff;
	text-align: center;
	float: left;
	margin: 0 3px;
}
div.videos div.videos_first:hover{
	filter: drop-shadow(0 0 5px);
}
div.videos div.videos_first dl dd{
	color: #000000;
	font-size: 12px;
	padding-top: 25px;
}
div.videos div.videos_first dl dd.one{
	color: #bebebe;
	font-size: 12px;
	padding-top: 10px;
}